<!DOCTYPE html>
<html lang="en" charset="UTF-8">
<head>
    <meta charset="UTF-8">
    <title>账号激活</title>
    <style>
      .quarkdata { border: 1px solid #e8e8e8; width: 70%; margin-left: 15%; margin-top: 20px; color: #565656;}
      .top { background-color: #1D88DA; padding: 20px 50px;}
      .top img { display: inline-block; width: 80px; height: 80px; }
      .top h1 { color: white; display: inline; position: relative; left: 20px; top: -30px; }
      .content { padding: 30px 50px 60px 50px; word-break: break-all; }
      .foot { border-top: 1px solid #e8e8e8; padding: 20px 50px; }
      .foot img { display: inline-block; background-color: #0A5B9A; margin-right: 20px; width: 100px; height: 100px;}
      .foot span { position: relative; top: -40px;}
      .active { color: #0089e0; }
    </style>
</head>
<body>
  <div class="quarkdata">
    <div class="top">
      <img src="">
      <h1>XXX</h1>
    </div>
    <div class="content">
      <p>尊敬的<span class="active" >${username}</span>，您好：</p>
      <br>
      <p>欢迎使用XXX系统，请点击如下链接设置您的密码：</p>
      <p><a class="active" href="${url}">${url}</a></p>
      <p>如果上面的链接无法点击，您也可以复制链接，粘贴到您浏览器的地址栏内，然后按“回车”打开重置密码页面。</p>
      <br>
      <p>这个链接将在6天到期。</p>
      <p>这是一个自动生成的消息，无需回复。</p>
      <br>
      <p>为了确保您的帐号安全，请不要将此邮件转发给任何人。</p>
      <p>如有任何疑问，请联系您所在企业的管理员<span class="active">${admin}</span></p>
    </div>
    <div class="foot">
      <img src="">
      <img src="">
      <span>扫一扫，下载XXX客户端</span>
    </div>
  </div>
</body>
</html>